<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<title>Dynamic DIV</title>
	
	<style type="text/css">
		#mainDiv
		{
			width: 200px;
			background-color: #00ffff;
			padding-left: 5px;
			overflow: hidden;
		}
		p
		{
			white-space: nowrap;
		}
	</style>
	
	<script language="JavaScript">
		var i = 0;
		var speed = 10;
		
		function scrollText()
		{
			setInterval("scroll()", 500);
		}
		
		function scroll()
		{
			if(i >= 355)
			{
				i = 0;
			}
		
			i += speed;
			document.getElementById("mainDiv").scrollLeft = i;
		}
	</script>
</head>

<body onload="scrollText()">
	<div id="mainDiv"><p>Dynamic HTML, or DHTML, is an umbrella term for a collection of technologies <br />
		used together to create interactive and animated web sites by using a combination of a <br />
		static markup language (such as HTML), a client-side scripting language (such as JavaScript), <br/>
		a presentation definition language (such as CSS), and the Document Object Model.</p>
	</div>
</body>
</html>